@import "./mixins";

.app-controls-container {
  flex-basis: 300px !important;
  max-width: 300px;
}

.app-controls {
  > header > h1 {
    a {
      color: inherit;
      text-decoration: none;
    }
    .icn-trash {
      margin-left: 0.5rem;
      font-size: 0.65em;
    }
  }

  .logs-btn {
    @extend %btn-green;
    margin-top: 2rem;
  }
}

.app-resources {
  > ul {
    list-style: none;
    padding: 0;
    margin: 0;

    > li {
      display: flex;

      > .resource-link {
        flex-grow: 1;
        display: table;
        > img {
          display: table-cell;
          vertical-align: middle;
          height: 1rem;
        }
        > span {
          display: table-cell;
          vertical-align: middle;
          padding-left: 0.5rem;
        }
      }

      > .delete-resource-link {
        visibility: hidden;
      }

      &:hover > .delete-resource-link {
        visibility: visible;
        margin-left: 0.5rem;
      }
    }
  }
}
